<template>
    <table class="table table-striped table-bordered">
        
        <thead>
        <tbody>
            <tr>
            <th scope="col">#</th>
            <th scope="col">商品名称</th>
            <th scope="col">价格</th>
            <th scope="col">标签</th>
            <th scope="col">操作</th>
        </tr>
            <tr v-for="(item, index) in goodsList" :key="item.id">
                <slot name="body" :row="item" :index="index"></slot>
            </tr>
        </tbody>
        </thead>
        
    </table>
</template>

<script setup>
const props = defineProps({
    goodsList: {
        type: Array,
        required: true,
        default: []
    }
})

</script>

<style lang="scss" scoped></style>